
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Zip Code Lookup</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.0.1.css" />
    <script type="text/javascript" src="scripts/jquery-1.7.js"></script>
    <script type="text/javascript" src="scripts/jquery.mobile-1.0.1.js"></script>
    <script type="text/javascript" charset="utf-8">	        	    
	    
    	function hello() {

    		var postData = {
    						zipcode: $('#zip').val()
    						};
    		
    		jstring = JSON.stringify(postData);
    		//alert('json:' + jstring);
    		
    		$.ajax({
    			url:'http://wherethechickat.appspot.com/rest/input/getJson/?zipcode=' + $('#zip').val(),  
    			type:'GET',
    			dataType: 'json',
    			contentType: "application/json; charset=utf-8",
    			success:function(res){
    				alert("it works!" + res);
    			},
    			error:function(res){
    				alert("Bad thing happend! " + res.statusText);
    			}
    		});
    		
    	}    	    	

    </script>
  </head>
  <body>
  <div data-role="page">
  	<div data-role="header">
  		<a href="index.html" data-icon="delete" data-icon="home" data-theme="b">Home</a>
		<h1>My Accounts</h1>
		<a href="addlocation.html" data-icon="check" data-theme="b">Add Location</a>
  	</div>
  	
  	<div data-role="content">
	     
	    <ul data-role="listview" data-inset="true" class="ui-li-icon" data-theme="d" data-divider-theme="b">
	    	<li data-role="list-divider">My Account</li>
	    	<li>name: Jermey Lin</li>
	    	<li>photo: </li>
	    	<li>gender: male</li>
	    	<li>address: 3011 Mott Street</li>
	    	<li>city: New York</li>
	    	<li>state: New York</li>
	    	<li>zip: 10013</li>
	    </ul>
	</div>
	
	<div data-role="footer" data-position="fixed">
		<div data-role="navbar" data-iconpos="top">
			<ul>
				<li><a href="account.html" data-role="button" data-icon="info">My Account</a></li>
				<li><a href="search.html" data-role="button" data-icon="search">Search</a></li>
				<li><a href="messages.html" data-role="button" data-icon="grid">Messages</a></li>
				<li><a href="connections.html" data-role="button" data-icon="star">My Connections</a></li>
			</ul>
		</div>
	</div>
  
  </div>
  </body>
</html>